Type is what print design is all about. While we will be focusing on the artistic, appeal of type, don’t forget that the purpose of the text or type is to communicate. The type should never hamper the communication or the message.
Most designers, or in this case teachers, tend to wing it when combining more than one typeface on a page. You might have a sense that one face needs to be larger or an element needs to be bolder. However, when you can recognize and name the contrasts, you have power over them – you can then get to the root of the conflicting problem faster and find more interesting solutions. Robin Williams - The Non-Designer's Design Book Design Principles - Part IIITypeface - see resources pageUnity - is the hallmark of a good design. It's the final result in a composition when all the design elements work harmoniously together giving the viewer a satisfying sense of belonging and relationship. You know unity has been achieved when all aspects of the design complement one another rather than compete for attention. It serves to reinforce the relationship between the design elements and relates them to the key theme being expressed in a painting. Image manipulation & MS Word Basics: (strikethrough means the class did not complete)
toolbars
screen shots
quality images
text wrapping
numbering
leaders
tab alignments
watermark
drop cap
page border and text borders
A concordant relationship occurs when you use only one type family without much variety in style, size, weight and so on. A design is in conflict when you set two or more typefaces on the same page that are similar – not really different and not really the same in style, size, weight, form, color and the like. Not to be used in Print Media. A contrasting relationship occurs when you combine separate typefaces and elements that are clearly distinct from each other. The visually appealing and exciting designs that attract your attention typically have a lot of contrast built in, and those contrasts are emphasized.
Typefaces
Oldstyle - is a style of font developed by Renaissance typographers to replace the Blackletter style of type. Based on ancient Roman inscriptions, these fonts are generally characterized by low contrast between thick and thin strokes, bracketed serifs, and a left-leaning axis or stress. Modern - is a style of typeface developed in the late 18th century that continued through much of the 19th century. Characterized by high contrast between thick and thin strokes and flat serifs, Modern fonts are harder to read than previous and later typestyles. Slab Serif - is a type of serif font that evolved from the Modern style. The serifs are square and larger, bolder than serifs of previous typestyles. Sans Serif - is a type which does not have serifs -- the little extra strokes found at the end of main vertical and horizontal strokes of some letterforms -- are called sans serif (without serif). Typefaces within each classification usually share similarities in stroke thickness, weight, and the shapes of certain letterforms.Script - is a slanted style of font; scripts can be elegant and formal or spontaneous and funky. They can appear to be drawn by quill pen, flat-tipped brush, crayon, or felt-tipped marker. Scripts can be the stodgiest of typefaces or the most cavalier.Decorative - this typeface is used exclusively for ornamental purposes, and are not suitable for body text. They have the most distinctive designs of all fonts, and may even incorporate pictures of objects, animals, etc. into the character designs. They usually have very specific characteristics and hence very limited uses.
Type Contrasts Assignments:#1 - Design a Poster from a photo from the Internet or perhaps one that you took. Add a phrase, word, poem, saying, whatever seems appropriate for your classroom. You may do this in Adobe Photoshop, MS Word, or Pages. Place your name on the back of this project, not on the front. This design has the potential to be a 28" by 21" poster if your classmates choose your design. Don't forget to think about the 7 Principles of Design when creating this project. #2 - Using the Print Screen feature of your PC or Mac, take a snapshot of something you might use in the classroom (Study Island opening page; Compass Learning; software program that you use, logging on procedure, etc.) to show the students what to look for prior to actually using the software or web site. On the same Word or Pages document add a piece of clip art or a photo of high quality resolution. The two pictures do not need to be related. Windows - Use the PrntScrn button > go to MS Word and Paste > text wrap tight > crop the picture while on the pageMacintosh - Hold the Command Key + Shift Key and tap the number 4 key. You will get a crosshatch with changing screen numbers. Draw a rectangle around what you want and release. The picture will be sent to your desktop. #3 - Design a classroom document, in MS Word or Pages, that incorporates a page border, text border, or leaders. You may use two of the three items if you wish. Do not use all three as we did in tonight's project, however.7 Principles - Proximity - Alignment - Repetition - Contrast - Using Color - Typefaces - Unity
Type is what print design is all about. While we will be focusing on the artistic, appeal of type, don’t forget that the purpose of the text or type is to communicate. The type should never hamper the communication or the message.
Most designers, or in this case teachers, tend to wing it when combining more than one typeface on a page. You might have a sense that one face needs to be larger or an element needs to be bolder. However, when you can recognize and name the contrasts, you have power over them – you can then get to the root of the conflicting problem faster and find more interesting solutions.
Robin Williams - The Non-Designer's Design Book
Design Principles - Part IIITypeface - see resources pageUnity - is the hallmark of a good design. It's the final result in a composition when all the design elements work harmoniously together giving the viewer a satisfying sense of belonging and relationship. You know unity has been achieved when all aspects of the design complement one another rather than compete for attention. It serves to reinforce the relationship between the design elements and relates them to the key theme being expressed in a painting. Image manipulation & MS Word Basics: (strikethrough means the class did not complete)
A concordant relationship occurs when you use only one type family without much variety in style, size, weight and so on.
A design is in conflict when you set two or more typefaces on the same page that are similar – not really different and not really the same in style, size, weight, form, color and the like. Not to be used in Print Media.
A contrasting relationship occurs when you combine separate typefaces and elements that are clearly distinct from each other. The visually appealing and exciting designs that attract your attention typically have a lot of contrast built in, and those contrasts are emphasized.
Typefaces
Oldstyle - is a style of font developed by Renaissance typographers to replace the Blackletter style of type. Based on ancient Roman inscriptions, these fonts are generally characterized by low contrast between thick and thin strokes, bracketed serifs, and a left-leaning axis or stress. Modern - is a style of typeface developed in the late 18th century that continued through much of the 19th century. Characterized by high contrast between thick and thin strokes and flat serifs, Modern fonts are harder to read than previous and later typestyles. Slab Serif - is a type of serif font that evolved from the Modern style. The serifs are square and larger, bolder than serifs of previous typestyles. Sans Serif - is a type which does not have serifs -- the little extra strokes found at the end of main vertical and horizontal strokes of some letterforms -- are called sans serif (without serif). Typefaces within each classification usually share similarities in stroke thickness, weight, and the shapes of certain letterforms.Script - is a slanted style of font; scripts can be elegant and formal or spontaneous and funky. They can appear to be drawn by quill pen, flat-tipped brush, crayon, or felt-tipped marker. Scripts can be the stodgiest of typefaces or the most cavalier.Decorative - this typeface is used exclusively for ornamental purposes, and are not suitable for body text. They have the most distinctive designs of all fonts, and may even incorporate pictures of objects, animals, etc. into the character designs. They usually have very specific characteristics and hence very limited uses.
Type Contrasts
Assignments:#1 - Design a Poster from a photo from the Internet or perhaps one that you took. Add a phrase, word, poem, saying, whatever seems appropriate for your classroom. You may do this in Adobe Photoshop, MS Word, or Pages. Place your name on the back of this project, not on the front. This design has the potential to be a 28" by 21" poster if your classmates choose your design. Don't forget to think about the 7 Principles of Design when creating this project. #2 - Using the Print Screen feature of your PC or Mac, take a snapshot of something you might use in the classroom (Study Island opening page; Compass Learning; software program that you use, logging on procedure, etc.) to show the students what to look for prior to actually using the software or web site. On the same Word or Pages document add a piece of clip art or a photo of high quality resolution. The two pictures do not need to be related. Windows - Use the PrntScrn button > go to MS Word and Paste > text wrap tight > crop the picture while on the pageMacintosh - Hold the Command Key + Shift Key and tap the number 4 key. You will get a crosshatch with changing screen numbers. Draw a rectangle around what you want and release. The picture will be sent to your desktop. #3 - Design a classroom document, in MS Word or Pages, that incorporates a page border, text border, or leaders. You may use two of the three items if you wish. Do not use all three as we did in tonight's project, however.7 Principles - Proximity - Alignment - Repetition - Contrast - Using Color - Typefaces - Unity